<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="../../../plugin/bootstrap/css/bootstrap.min.css"
    />
    <link
      rel="stylesheet"
      href="../../../plugin/bootstrap/dist/datepicker/datetimepicker.min.css"
    />
    <link
      rel="stylesheet"
      href="../../../plugin/bootstrap/dist/select/select.css"
    />
    <link rel="stylesheet" href="../../../plugin/layui/css/layui.css" />
    <link rel="stylesheet" href="../../../plugin/swiper/swiper.min.css" />
    <link rel="stylesheet" href="../../../css/common.css" />
    <link rel="stylesheet" href="../../../css/style.css" />
    <link rel="stylesheet" href="../../../css/animate.css" />
    <link rel="stylesheet" href="../../css/company.css" />
    <link rel="stylesheet" href="../../../css/fonts/iconfont.css" />

    <script type="text/javascript" src="../../../js/jquery.js"></script>
    <script
      type="text/javascript"
      src="../../../plugin/layui/layui.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../plugin/webuploader/webuploader.min.js"
    ></script>
    <script type="text/javascript" src="../../../js/echarts.min.js"></script>
    <script
      type="text/javascript"
      src="../../../plugin/swiper/swiper.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../plugin/bootstrap/js/amount.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../plugin/bootstrap/js/bootstrap.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../plugin/bootstrap/dist/select/select.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../plugin/bootstrap/dist/datepicker/datetimepicker.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../plugin/bootstrap/dist/dist_zh.js"
    ></script>
    <script type="text/javascript" src="../../../js/common.js"></script>
    <script type="text/javascript" src="../../js/company_common.js"></script>
  </head>
  <body class="child_body fullHeight">
    <div class="flex fullHeight p-b-15 roleSetPage">
      <div class="leftMenuBox common_modal p-0 m-r-15" style="width: 240px">
        <!-- <div class="fullHeight">
          <div class="typeItem active">审批流名称</div>
          <div class="typeItem">审批流名称</div>
        </div> -->
        <div class="fullHeight">
          <dl class="secondaryMenu">
            <dt>
              <img src="../../images/sanjiao.png" />
              <span>基础设置</span>
            </dt>
            <dd>
              <a href="javascript:;">系统使用模式</a>
              <a href="javascript:;">计价单位</a>
              <a href="javascript:;">重量单位</a>
            </dd>
          </dl>
          <dl class="secondaryMenu">
            <dt>
              <img src="../../images/sanjiao.png" />
              <span>基础设置</span>
            </dt>
            <dd>
              <a href="javascript:;">系统使用模式</a>
              <a href="javascript:;">计价单位</a>
              <a href="javascript:;">重量单位</a>
            </dd>
          </dl>
          <dl class="secondaryMenu">
            <dt>
              <img src="../../images/sanjiao.png" />
              <span>基础设置</span>
            </dt>
            <dd>
              <a href="javascript:;">系统使用模式</a>
              <a href="javascript:;">计价单位</a>
              <a href="javascript:;">重量单位</a>
            </dd>
          </dl>
          <dl class="secondaryMenu">
            <dt>
              <img src="../../images/sanjiao.png" />
              <span>基础设置</span>
            </dt>
            <dd>
              <a href="javascript:;">系统使用模式</a>
              <a href="javascript:;">计价单位</a>
              <a href="javascript:;">重量单位</a>
            </dd>
          </dl>
        </div>
      </div>
      <div class="flex-1 widthHalf">
        <div class="common_modal">
          <div class="title">
            <span class="iconfont icon-notice baseOrange fs20"></span>
            <span class="title_text">温馨提示</span>
          </div>
          <div class="c999 fs12">
            审批权限：“过程权限”，表示这一级审批必须流转至后一级审批，“终审权限”表示这一级审批可以不流转至后一级审批，直接审批通过。假如公司付款有三级审批，组长审批，经理审批，老板审批，公司规定50万以下部门经理可以直接通过，50万以上需要报批老板审批。那么流程可配置为：组长审批
            过程权限；经理审批 终审权限；老板审批
            终审权限。若启用审批但审批流程为空，则该流程自动审批通过。另外，流程发生变动时，已创建的审批任务会继续按照老流程执行。
          </div>
        </div>
        <div class="common_modal clearfix m-t-15">
          <span class="f_left fs16 m-r-10">审批启用/停用</span>
          <div class="comSwitch switchRound off"></div>
        </div>
        <div class="common_modal clearfix m-t-15">
          <div style="line-height: 32px">
            <span class="f_left fs16 m-r-10">审批流程配置</span>
            <button class="btn btn-info m-l-10" type="button">搜索</button>
            <button class="btn btn-info m-l-10" type="button">
              新增审批流
            </button>
          </div>
          <div class="formBox m-t-15">
            <div class="searchForm form-inline row">
              <!-- <span class="searchFormClose iconfont icon-close-rs"></span> -->
              <div class="formItem col-md-3 flex">
                <label class="form-label">名称</label>
                <div class="flex-1">
                  <input
                    type="text"
                    id="inputText"
                    class="form-control"
                    placeholder="请输入名称"
                  />
                </div>
              </div>
              <div class="formItem col-md-3 flex">
                <label class="form-label">状态</label>
                <div class="flex-1">
                  <div id="selectDemoTest" class="comSelectBox"></div>
                </div>
              </div>
              <div class="formItem col-md-6 flex">
                <label class="form-label">创建时间</label>
                <div class="flex-1 widthHalf">
                  <div id="comDateArea" class="comTimeRange"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="common_modal clearfix m-t-15">
          <div class="clearfix" style="line-height: 32px">
            <span class="f_left fs16 m-r-10">节点流程配置</span>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script>
    $(function () {
      bindComEvent();
      $("#selectDemoTest").comSelect({
        mutiselect: false,
        data: [
          { name: "ceshi1", id: 111 },
          { name: "ceshi2", id: 222 },
        ],
      });
      $("#comDateArea").datePicker({
        dateType: "daterange",
        format: "datemin",
        rangeValue: [],
      });
      $(".secondaryMenu")
        .off("click", "dt")
        .on("click", "dt", function () {
          if ($(this).next()) {
            $(this).parent().toggleClass("showChild");
            $(this).next().slideToggle();
          } else {
            $(this).toggleClass("active");
          }
        });
      $(".secondaryMenu")
        .off("click", "dd a")
        .on("click", "dd a", function () {
          $(this).addClass("active").siblings().removeClass("active");
          $(this)
            .parents(".secondaryMenu")
            .siblings()
            .find("dd a")
            .removeClass("active");
        });
    });
  </script>
</html>
